@charset "UTF-8";
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul,
dl,
ol {
  list-style: none; }

img,
fieldset,
input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button,
input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a,
button,
input,
img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input,
select,
textarea {
  outline: none; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .clearfix::after .clear_fix::after {
    content: "";
    display: block;
    clear: both; }
  .clearfix::after html,
  .clearfix::after body {
    /*禁止用户选择元素*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    /*禁止元素点击出现半透明黑色背景*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .clearfix::after html {
    width: 100%;
    font-family: 'Heiti SC', 'Microsoft YaHei';
    outline: 0;
    -webkit-text-size-adjust: none; }
  .clearfix::after body {
    margin: 0;
    position: relative; }
  .clearfix::after .clearFix:after {
    content: "";
    display: block;
    clear: both; }

html {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  outline: 0;
  -webkit-text-size-adjust: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.red-btn {
  color: white;
  background: #cc3333;
  font-size: 0.20509rem;
  border-radius: 0.0293rem;
  text-align: center;
  line-height: 0.46877rem;
  letter-spacing: 0.0293rem;
  width: 3.28138rem;
  height: 0.46877rem;
  margin: 0 auto; }
  .red-btn:active {
    background: #921e1e; }

.white-bar-item {
  position: relative;
  font-size: 0.15235rem;
  width: 3.75015rem;
  height: 0.5508rem;
  background: white;
  padding: 0.17579rem 0.16993rem;
  border-bottom: 1px solid #e1e2e4; }
  .white-bar-item .white-bar-input {
    position: absolute;
    left: 1.26567rem;
    bottom: 0.17579rem;
    width: 2.30868rem;
    outline: none; }

.white-bar {
  position: relative;
  font-size: 0.15235rem;
  width: 3.75015rem;
  height: 0.5508rem;
  background: white;
  padding: 0.17579rem 0.16993rem;
  border-bottom: 1px solid #e1e2e4; }
  .white-bar .choose {
    width: 1.14262rem;
    height: 0.5508rem;
    position: absolute;
    right: 0.16993rem;
    bottom: 0rem; }
    .white-bar .choose > p {
      position: absolute;
      right: 0.18165rem;
      bottom: 0.17579rem; }
    .white-bar .choose > img {
      position: absolute;
      right: 0rem;
      bottom: 0.17579rem;
      width: 0.09375rem;
      height: 0.16407rem; }

.white-bar-btn {
  text-align: center;
  font-size: 0.15235rem;
  width: 3.75015rem;
  height: 0.62698rem;
  background: white;
  padding: 0.17579rem 0.16993rem;
  border-bottom: 1px solid #e1e2e4; }

.have-value {
  color: #666666; }

.null-value {
  color: #d6d6d6; }

.head-bar {
  position: relative;
  font-size: 0rem;
  width: 3.75015rem;
  height: 0.50979rem; }
  .head-bar > p {
    text-align: center;
    position: absolute;
    font-size: 0.20509rem;
    width: 2.84191rem;
    height: 0.23438rem;
    line-height: 0.23438rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    letter-spacing: 0.01758rem; }
  .head-bar .back-img {
    position: absolute;
    width: 0.25782rem;
    height: 0.41017rem;
    bottom: 0.0586rem;
    left: 0.08789rem;
    padding-top: 0.08789rem;
    padding-left: 0.08789rem; }
  .head-bar img {
    width: 0.12891rem;
    height: 0.21681rem; }

.mask {
  width: 100%;
  height: 6.65651rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.confirm-box {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  width: 3.16419rem;
  height: 1.78718rem;
  background: #f8f8f8;
  position: absolute;
  left: 0.29298rem;
  top: 30%;
  border-radius: 0.10547rem;
  padding: 0.13477rem 0.14649rem; }
  .confirm-box .confirm-btn {
    display: flex;
    margin-top: 0.29298rem;
    justify-content: space-between; }
    .confirm-box .confirm-btn .btn {
      width: 1.38873rem;
      height: 0.45705rem;
      border-radius: 0.0293rem;
      font-size: 0.16407rem;
      border: 0.00586rem #b7b7b7 solid;
      text-align: center;
      line-height: 0.45705rem; }
    .confirm-box .confirm-btn .cancel {
      background: #ffffff;
      color: #666666; }
      .confirm-box .confirm-btn .cancel:active {
        background: #e5e4e4; }
    .confirm-box .confirm-btn .confirm {
      background: #cc3333;
      color: white; }
      .confirm-box .confirm-btn .confirm:active {
        background: #921e1e; }

.msg-box {
  width: 1.45904rem;
  height: 1.07231rem;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-align: center;
  position: absolute;
  left: 1.14262rem;
  top: 30%;
  border-radius: 0.10547rem;
  font-size: 0;
  padding: 0.17579rem;
  display: none; }
  .msg-box .msg-img {
    margin-bottom: 0.08789rem; }
    .msg-box .msg-img img {
      width: 0.40431rem;
      height: 0.40431rem; }
  .msg-box > p {
    font-size: 0.16407rem; }

.login-head-bar {
  position: relative;
  font-size: 0rem;
  width: 3.75015rem;
  height: 0.50979rem;
  border-bottom: 1px solid #e1e2e4; }
  .login-head-bar .back-btn {
    position: absolute;
    font-size: 0.17579rem;
    color: #666666;
    top: 0.15821rem;
    left: 0.11719rem; }
  .login-head-bar .title {
    text-align: center;
    font-size: 0.20509rem;
    position: absolute;
    width: 1.87507rem;
    height: 0.26368rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.input-text {
  width: 3.39857rem;
  height: 0.49807rem;
  position: absolute;
  left: 0.17579rem;
  display: flex;
  background: white;
  border-bottom: 1px solid #e1e2e4; }
  .input-text > p {
    width: 0.50393rem;
    height: 0.49807rem;
    text-align: center;
    line-height: 0.49807rem;
    color: #666666;
    font-size: 0.16407rem; }
  .input-text > input {
    width: 2.51963rem;
    height: 0.48635rem;
    line-height: 0.49807rem;
    font-size: 0.18751rem;
    outline: none;
    border: none;
    padding-left: 0.08203rem; }

.input-yzm {
  width: 2.02156rem;
  height: 0.49807rem;
  display: flex;
  background: white;
  border: 1px solid #e1e2e4; }
  .input-yzm > p {
    width: 0.80277rem;
    height: 0.49807rem;
    text-align: center;
    line-height: 0.49807rem;
    color: #666666;
    font-size: 0.16407rem; }
  .input-yzm > input {
    width: 1.2188rem;
    height: 0.46877rem;
    line-height: 0.49807rem;
    font-size: 0.16407rem;
    outline: none;
    border: none;
    padding-left: 0.08203rem; }

.yzm {
  width: 3.39857rem;
  height: 0.49807rem;
  position: absolute;
  left: 0.17579rem;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  margin-top: 0.17579rem; }
  .yzm .yzm-btn {
    width: 1.1602rem;
    height: 0.49807rem;
    border: 1px solid #e1e2e4;
    text-align: center;
    font-size: 0.16407rem;
    line-height: 0.49807rem;
    background: white;
    color: #666666; }
    .yzm .yzm-btn:active {
      background: #dedede; }
    .yzm .yzm-btn span {
      color: red; }

@-webkit-keyframes confirm-open {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes confirm-open {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes confirm-close {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); } }

@keyframes confirm-close {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); } }

.confirm-open {
  -webkit-animation: confirm-open 0.5s;
          animation: confirm-open 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.confirm-close {
  -webkit-animation: confirm-close 0.5s;
          animation: confirm-close 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.wrap {
  width: 3.75015rem;
  height: 6.65651rem;
  background: #f3f4f6;
  overflow: hidden; }

.bank-card, .wx-wallet {
  margin-top: 0.18165rem; }

.slider {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 3.75015rem;
  height: 2.61338rem;
  background: #f3f4f6;
  transition: all 0.5s;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%); }

.btn {
  margin-bottom: 0.10547rem; }

.one {
  font-size: 0.15235rem;
  color: #666666; }

.two {
  font-size: 0.17579rem;
  color: red; }

.three {
  font-size: 0.15235rem;
  color: #666666; }

.cancel {
  font-size: 0.20509rem; }
